<!DOCTYPE html>
<html lang="zxx">

<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-114419061-2"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'UA-114419061-2');

    </script>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Chome Mobile Panel Color -->
    <meta name="theme-color" content="#263238">
    <!-- Title -->
    <title>misakaProject</title>
    <!-- Icon -->
    <link rel="shortcut icon" href="images/logo-sm.png" type="image/x-icon">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Owl Carousel -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <!-- Owl Carousel Theme-->
    <link href="css/owl.theme.default.css" rel="stylesheet">
    <!-- Animations -->
    <link href="css/animations.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- Animate -->
    <link href="css/animate.css" rel="stylesheet">
    <!-- Lity -->
    <link href="css/lity.css" rel="stylesheet">
    <!-- Style -->
    <link href="css/style.css" rel="stylesheet">
    <!-- Media Queries -->
    <link href="css/media-queries.css" rel="stylesheet">
    <!-- Change color here -->

    <link href="css/color/violet.css" rel="stylesheet">
    <!--<link href="css/color/violet-2.css" rel="stylesheet">-->
    <!--<link href="css/color/blue.css" rel="stylesheet">-->
    <!--<link href="css/color/blue-2.css" rel="stylesheet">-->
    <!--<link href="css/color/green.css" rel="stylesheet">-->
    <!--<link href="css/color/green-2.css" rel="stylesheet">-->
    <!--<link href="css/color/cyan.css" rel="stylesheet">-->
    <!--<link href="css/color/cyan-2.css" rel="stylesheet">-->
    <!--<link href="css/color/red.css" rel="stylesheet">-->
    <!--<link href="css/color/red-2.css" rel="stylesheet">-->
    <!-- Demo -->
    <link href="css/demo.css" rel="stylesheet">
    <!-- Switch Style -->
    <link id="switch_style" href="css/color/index.html" rel="stylesheet">

</head>

<body id="top">
    <!-- Preloader -->
    <div class="preloader">
        <div class="waves">
            <div class="circle-1"></div>
            <div class="circle-2"></div>
        </div>
    </div>
    <!-- Preloader end-->
    <!-- Navigation panel-->
    <nav id="navigation" class="navbar no-scrolled">
        <div class="container">
            <div class="navbar-header">
                <!-- Burger menu button -->
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="burger-menu">
                            <span class="burger"></span>  
                        </span>
                    </button>
                <!-- Burger menu button end-->
                <!-- Header logo -->
                <a class="navbar-brand" href="#">
                    <h3>misakaProject</h3>
                </a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <!-- Navigation links -->
                    <li class="active"><a href="#top">Home</a></li>
                    <li><a href="#about">About</a></li>
					<li><a href="#download">Download</a></li>
                    <li><a href="#screenshots">Screenshots</a></li>
                    <!-- Navigation links end-->
                </ul>
            </div>
        </div>
    </nav>
    <!-- Navigation panel end-->
    <!-- Header -->
    <header id="header-1">
        <!-- Header slider -->
        <div id="header-carousel">
            <!-- Slide 1 -->
            <div class="slide">
                <div class="background-img" style="background-image: url(images/background-img.jpg)"></div>
                <div class="header-masc">
                    <!-- Background animation -->
                    <div class="space-header">
                        <div class="stars"></div>
                    </div>
                    <!-- Background animation end-->
                    <!-- Background animation end -->
                    <div class="container header-container">
                        <div class="row">
                            <div class="col-md-8 col-sm-12 main-title">
                                <div class="type-js headline">
                                    <!-- Main header title -->
                                    <h1 class="white">Application<b> Misaka</b></h1>
                                    <!-- Main header suptitle -->
                                    <h3 class="white"><i>Support <span class="txt-rotate" data-period="2000" data-rotate='[ "MDC", "KFD" ]'></span></i></h3>
                                    <br>
                                    <!-- Appstore button -->
                                    <a href="https://discord.gg/nGQx2DsPtx" class="btn dwnld-btn appstore"><i class="fa fa-download" aria-hidden="true"></i>&nbsp; Download</a>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-0 header-phone wow fadeInUp team-main" data-wow-duration="1.3s">
                                <div class="ilustration">
                                    <!-- Phone -->
                                    <div class="front-phone">
                                        <div class="iphone-x single-phone">
                                            <i></i>
                                            <b></b>
                                            <img src="images/header1.jpg" alt="Screenshot">
                                        </div>
                                    </div>
                                    <!-- Phone end -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Slide 2 -->
            <div class="slide">
                <div class="background-img" style="background-image: url(images/background-img-2.jpg)"></div>
                <div class="header-masc">
                    <!-- Background animation -->
                    <div class="space-header">
                        <div class="stars"></div>
                    </div>
                    <!-- Background animation end-->
                    <!-- Background animation end -->
                    <div class="container header-container">
                        <div class="row">
                            <div class="col-md-8 col-sm-12 main-title">
                                <div class="typed_wrap">
                                    <h1 class="white">Application<b> Misaka</b></h1>
                                    <!-- Main header suptitle -->
                                    <h3 class="white"><i>this is the MDC app<span class="txt-rotate" data-period="2000" data-rotate='[ "biggest", "smoothest" ]'></span></i></h3>
                                    <br>
                                    <!-- Appstore button -->
										<a href="https://discord.gg/nGQx2DsPtx" class="btn dwnld-btn appstore"><i class="fa fa-download" aria-hidden="true"></i>&nbsp; Download</a>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-0 header-phone">
                                <div class="ilustration">
                                    <!-- Phone -->
                                    <div class="front-phone">
                                        <div class="iphone-x single-phone">
                                            <i></i>
                                            <b></b>
                                            <img src="images/header2.jpg" alt="Screenshot">
                                        </div>
                                    </div>
                                    <!-- Phone end -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header end-->
    <!-- Start section -->
    <!-- Start section end-->
    <!-- About section -->
    <section id="about">
        <div class="padding-masc">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-md-6 col-md-push-6 about-text">
                        <div>
                            <!-- Title -->
                            <h3><b>About</b> Misaka</h3>
                            <!-- Description -->
                            <p class="section-description">Application Misaka created to change your iphone without jailbreak. currently we have more than 23 default repositories and more than 400 tweaks already available.</p>
                            <br>
                            <p>Versions supported on the Misaka app</p>
                            <br>
                            <ul class="text-list">
                                <li><i class="fa fa-check"></i> IOS 15.0 - IOS 5.7.1 ( MDC )</li>
                                <li><i class="fa fa-check"></i> IOS 16 - IOS 16.1.2 ( MDC )</li>
                                <li><i class="fa fa-check"></i> IOS 16.2 - IOS 16.6 Beta 1 ( KFD )</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-6 col-md-pull-6 text-center">
                        <div class="ilustration">
                            <!-- Front phone -->
                            <div class="back-phone wow slideInUp" data-wow-duration="1.3s" data-wow-delay=".2s">
                                <div class="iphone-x">
                                    <i></i>
                                    <b></b>
                                    <!-- Screenshot -->
                                    <img src="images/header2.jpg" alt="Screenshot">
                                </div>
                            </div>
                            <!-- Front phone end -->
                            <!-- Back phone -->
                            <div class="front-phone wow slideInUp" data-wow-duration="1.2s">
                                <div class="iphone-x">
                                    <i></i>
                                    <b></b>
                                    <!-- Screenshot -->
                                    <img src="images/header1.jpg" alt="Screenshot">
                                </div>
                            </div>
                            <!-- Back phone end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- About section end-->
		<!--Download start -->
	<section id="download" class="download">
        <div class="background-img" style="background-image: url(images/background-img-2.jpg)"></div>
        <div class="masc">
            <!-- Background animation -->
            <div class="space">
                <div class="stars"></div>
            </div>
            <!-- Background animation end -->
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-md-6 download-text">
                        <div>
                            <!--Title-->
                            <p class="h1 white">Download<br><b>Misaka</b> Application!</p>
                            <!-- Description -->
                            <h4 class="white"><i>Currently in beta testing and available for download only from our Discord server</i></h4>
                            <br>
                            <!-- Appstore button -->
                                    <a href="https://discord.gg/nGQx2DsPtx" class="btn dwnld-btn appstore"><i class="fa fa-download" aria-hidden="true"></i>&nbsp; Download</a>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-6 text-center">
                        <div class="ilustration">
                            <!-- Back phone -->
                            <div class="back-phone wow slideInUp" data-wow-duration="1.3s" data-wow-delay=".2s" style="visibility: visible; animation-duration: 1.3s; animation-delay: 0.2s; animation-name: slideInUp;">
                                <div class="iphone-x">
                                    <i></i>
                                    <b></b>
                                    <!-- Screenshot -->
                                    <img src="images/2.jpg" alt="Screenshot">
                                </div>
                            </div>
                            <!-- Back phone end -->
                            <!-- Front phone -->
                            <div class="front-phone wow slideInUp" data-wow-duration="1.2s" style="visibility: visible; animation-duration: 1.2s; animation-name: slideInUp;">
                                <div class="iphone-x">
                                    <i></i>
                                    <b></b>
                                    <!-- Screenshot -->
                                    <img src="images/header1.jpg" alt="Screenshot">
                                </div>
                            </div>
                            <!-- Front phone end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
	
	<!--End Download -->
    <!-- Screenshons section -->
    <section id="screenshots">
        <div class="padding-masc">
            <!--Title-->
            <h3>App <b>Screenshots</b></h3>
            <!-- Description -->
            <div class="screenshots-slider">
                <div class="slide wow fadeInUp" data-wow-duration="1s">
                    <a href="images/1.jpg" data-lity data-lity-desc="Screenshot 1"><img src="images/1.jpg" alt="Screenshot"></a>
                </div>
                <div class="slide wow fadeInUp" data-wow-duration="1.5s">
                    <a href="images/2.jpg" data-lity data-lity-desc="Screenshot 2"><img src="images/2.jpg" alt="Screenshot"></a>
                </div>
                <div class="slide wow fadeInUp" data-wow-duration="1.5s">
                    <a href="images/3.jpg" data-lity data-lity-desc="Screenshot 3"><img src="images/3.jpg" alt="Screenshot"></a>
                </div>
                <div class="slide wow fadeInUp" data-wow-duration="1.5s">
                    <a href="images/4.jpg" data-lity data-lity-desc="Screenshot 4"><img src="images/4.jpg" alt="Screenshot"></a>
                </div>
                <div class="slide wow fadeInUp" data-wow-duration="1.5s">
                    <a href="images/header1.jpg" data-lity data-lity-desc="Screenshot 5"><img src="images/header1.jpg" alt="Screenshot"></a>
                </div>
                <div class="slide wow fadeInUp" data-wow-duration="1.5s">
                    <a href="images/header2.jpg" data-lity data-lity-desc="Screenshot 6"><img src="images/header2.jpg" alt="Screenshot"></a>
                </div>
            </div>
        </div>
    </section>
    <!-- Screenshons section end-->
    <!-- Footer section -->
    <footer id="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-6 footer-logo">
                    <!-- Footer logo -->
                    <a class="footer-brand" href="#">
                        <p>misakaProject</p>
                    </a>
                </div>
                <div class="col-md-6 copyright">
                    <!-- Footer copyright -->
                    <p>© misakaProject All Right Reserved.</p>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer section end-->

    <!-- jQuery -->
    <script src="ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Owl Carousel -->
    <script src="js/owl.carousel.min.js"></script>
    <!-- Wow -->
    <script src="js/wow.min.js"></script>
    <!-- Lity -->
    <script src="js/lity.min.js"></script>
    <!-- Smooth Scroll -->
    <script src="js/smooth-scroll.js"></script>
    <!-- Main -->
    <script src="js/main.js"></script>
</body>
</html>
